.panel {
  //margin-bottom: 5px;
  border: 0;
  overflow: hidden;
  border-bottom: none !important;
  font-size: 12px;

  .title {
    position: relative;

    .icon {
      position: absolute;
      left: 0;
      top: 0px;
      //transition: transform .24s;
      font-size:20px!important;
    }
    .firstIcon {
      position: absolute;
      left: -20px;
      top: 0px;
      //transition: transform .24s;
      font-size:20px!important;
    }
    p {
      margin-left: 24px;
    }
  }

  :global {
    .ant-collapse-header {
      padding: 10px 10px 0 20px !important;
      //border-top: #dddddd 1px solid;
      &:hover {
        background-color: transparent !important;
      }
      //&:before {
      //  content: " ";
      //  height: 14px;
      //  background-color: #aaa;
      //  width: 2px;
      //  position: absolute;
      //  top: 14px;
      //  left: 10px;
      //}
      .arrow:before {
        display: none !important;
      }
    }
    .ant-collapse-content {
      border-top: none !important;
    }
    .ant-collapse-content-box {
      padding: 10px 0;
    }
  }
}
:global {
  .ant-collapse-item-active {
    :local {
      .title .icon {
        //transform: rotate(180deg);
      }
    }
  }
}
